<template>
  <div class="fixed top-0 left-0 w-screen h-screen flex justify-center items-center  flex-col">
    <BackGroundImageComponent />
    <div class="bottom-20 w-full fixed flex h-auto justify-center items-center">
      <div class="my-1 mx-3 w-screen text-center">
        <ButtonGroupComponent />
        <AgreementComponet />
      </div>
    </div>
    <FooterComponent />
  </div>
</template>

<script setup lang="ts">
const indexStore = useIndexStore()
onBeforeMount(async ()=>[
  await indexStore.initStore().then(async ()=>{
    const msg = getFilePathStore(import.meta.url);
    console.log("🚀 ~ awaitindexStore.initStore ~ msg:", msg);
  })
])
</script>

<style scoped></style>
